<!DOCTYPE html>
<html lang = "en">
<head>
    <meta charset = "UTF-8">
    <title>KNX简历匹配</title>
    <link rel = "stylesheet" href = "../static/bootstrap-3.3.7-dist/css/bootstrap.min.css">
    <script src = "../static/jquery-3.2.1.min.js"></script>
    <script src = "../static/bootstrap-3.3.7-dist/js/bootstrap.min.js"></script>
    <style>
        .ml20 {
            margin-left: 20px;
        }

        .mb10 {
            margin-bottom: 10px;
        }

        .clear:after {
            clear: both;
            content: '';
            display: block;
        }

        #jobs_available span:hover {
            background: #999;
            cursor: pointer;
        }
    </style>
</head>
<body>
<div>
    <div style = "width:100%;height:60px;line-height:60px;background: #444;color:#ffffff;font-size:15px;" id = "topInfo">
        <span style = "margin-left:40px;">当前数据库中共有 <span style = "font-size:20px;"></span> 份招聘数据，来自大街网、智联招聘、51Job</span>
        <span>，</span>
        <span style = "">主要集中在北上广深杭五个城市</span>
    </div>
    <div id = "jobs_available" style = "width:90%;margin:20px auto 30px;word-break: break-all; word-wrap:break-word;" class = "clear">

    </div>
    <div style = "width:90%;margin:30px auto 10px;clear: both;">
        <form class = "form-inline mb10">
            <div class = "form-group">
                <label for = "job_name">岗位</label>
                <input type = "text" class = "form-control" id = "job_name" placeholder = "岗位名称">
            </div>
            <div class = "form-group ml20">
                <label for = "salary">薪资</label>
                <input type = "email" style = "width:170px;" class = "form-control" id = "salary" placeholder = "逗号隔开,6000-8000">
            </div>
            <div class = "form-group ml20">
                <label for = "city">城市</label>
                <input type = "email" style = "width: 120px;" class = "form-control" id = "city" placeholder = "目标城市">
            </div>
            <div class = "form-group ml20">
                <label for = "work_time">工作经验</label>
                <input type = "email" style = 'width:100px;' class = "form-control" id = "work_time" placeholder = "工作经验">
                <label for = "work_time">年</label>
            </div>
            <div class = "form-group ml20">
                <label for = "education">学历</label>
                <input type = "email" style = "width:100px;" class = "form-control" id = "education" placeholder = "学历">
            </div>
            <div class = "form-group ml20">
                <label for = "education">行业:</label>
                <input type = "email" style = "width:200px;" class = "form-control" id = "industry" placeholder = "行业">
            </div>
        </form>
        <textarea id = "introduce" class = "form-control" rows = "3" style = "height: 200px;" placeholder = "请在这里输入求职者的自我介绍"></textarea>
    </div>
    <div style = "width:90%;margin:0 auto;" class = "clear" id = "control">
        <label class = "radio-inline">
            <input type = "radio" name = "inlineRadioOptions" id = "word_match" value = "word_match" checked = "checked"> 基于分词推荐
        </label>
        <label class = "radio-inline">
            <input type = "radio" name = "inlineRadioOptions" id = "phrases_match" value = "phrases_match"> 基于短语推荐
        </label>
        <button type = "button" class = "btn btn-default" id = "clean" style = "float: right;">清空</button>
        <button type = "button" class = "btn btn-primary" id = "match" style = "float: right;margin-right:10px;">开始匹配</button>
    </div>
</div>
<div style = "width:90%;margin:30px auto 10px" class = "hidden posts_container">
    <table class = "table table-striped table-bordered">
        <caption>
            <span id = "matched_count"></span>
        </caption>
        <thead>
        <tr>
            <th style = "width:40px;">#</th>
            <th style = "width:180px;">公司</th>
            <th style = "width:180px;">行业</th>
            <th style = "width:120px;">岗位</th>
            <th style = "width:120px;">薪资</th>
            <th style = "width:80px;">城市</th>
            <th style = "width:100px;">工作经验要求</th>
            <th style = "width:100px;">学历</th>
            <th style = "width:50px;">链接</th>
        </tr>
        </thead>
        <tbody>

        </tbody>
    </table>
</div>
<script src = "../static/index.js?v=2.1"></script>
</body>
</html>

